<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
		<title>群众护线</title>
		<link rel="stylesheet" href="../css/photoswipe.css">
		<link rel="stylesheet" href="../css/default-skin/default-skin.css">
		<link rel="stylesheet" href="../css/index.css">
		<link rel="stylesheet" href="../css/weui.min.css">
		<link rel="stylesheet" href="../css/jquery-weui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/webuploader.css">
		<link rel="stylesheet" href="../css/trouble.css" />
	</head>
	<body>
		<div id="map">
			
		</div>
		<div id="content" style="height: 31%;">
			<div class="main add-main"> 
				<div class="left">
					<!--上传隐患-->
				</div>
				<div class="icon add">
					<a href="javascript:;" class="photo"></a>
					<h2>拍摄照片</h2>
				</div>
				<div id="location" class="icon">
					<a  href="javascript:;"></a>
					<h2>重新定位</h2>
				</div>
				<div id="photoes">
					<div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery">
					</div>
				</div>
			</div>
			<div class="foot description">
				<input type="text" style="width:150%" placeholder="添加描述..." />
				<span></span>
			</div>
			<div class="foot add-foot">
				<h2>天津市河东区津塘路</h2>
			</div>
			<div class="submit">
				<button>确认并上传隐患</button>
			</div>
		</div>	
		<!-- Root element of PhotoSwipe. Must have class pswp. -->
		<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

			<!-- Background of PhotoSwipe. 
         It's a separate element, as animating opacity is faster than rgba(). -->
			<div class="pswp__bg"></div>

			<!-- Slides wrapper with overflow:hidden. -->
			<div class="pswp__scroll-wrap">

				<!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
				<!-- don't modify these 3 pswp__item elements, data is added later on. -->
				<div class="pswp__container">
					<div class="pswp__item"></div>
					<div class="pswp__item"></div>
					<div class="pswp__item"></div>
				</div>

				<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
				<div class="pswp__ui pswp__ui--hidden">

					<div class="pswp__top-bar">

						<!--  Controls are self-explanatory. Order can be changed. -->

						<div class="pswp__counter"></div>

						<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

						<button class="pswp__button pswp__button--share" title="Share"></button>

						<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

						<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

						<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
						<!-- element will get class pswp__preloader--active when preloader is running -->
						<div class="pswp__preloader">
							<div class="pswp__preloader__icn">
								<div class="pswp__preloader__cut">
									<div class="pswp__preloader__donut"></div>
								</div>
							</div>
						</div>
					</div>

					<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
						<div class="pswp__share-tooltip"></div>
					</div>

					<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button>

					<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button>

					<div class="pswp__caption">
						<div class="pswp__caption__center"></div>
					</div>

				</div>

			</div>

		</div>
		<script type="text/javascript" src="../js/jquery-2.1.4.js" ></script>
		<script type="text/javascript" src="../js/jquery-weui.min.js"></script>
		<script src="../js/util.js"></script>
		<script type="text/javascript" src="../js/webuploader.js"></script>
		<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=334dd98496e9ac9fc00a0f27681b644d"></script>
		<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="add.js"></script>
		<script src="../js/photoswipe.min.js"></script>
		<script src="../js/photoswipe-ui-default.min.js"></script>
		<script src="../js/index.js"></script>
	</body>
</html>
